refactor(build): replace paths aliases with relative paths

Using paths aliases starting with "@" can be confusing and can lead to
conflict with existings modules. I prefer to use relative paths to
avoid extra configuration in tools because of these aliases.

1 files changed, 28 insertions, 26 deletions

diff --git a/src/pages/article/[slug].tsx b/src/pages/article/[slug].tsx
index 64610b4..dae89fb 100644
--- a/src/pages/article/[slug].tsx
+++ b/src/pages/article/[slug].tsx
@@ -1,43 +1,45 @@
-import ButtonLink from '@components/atoms/buttons/button-link';
-import Link from '@components/atoms/links/link';
-import Spinner from '@components/atoms/loaders/spinner';
-import ResponsiveImage from '@components/molecules/images/responsive-image';
-import Sharing from '@components/organisms/widgets/sharing';
-import { getLayout } from '@components/templates/layout/layout';
+import { GetStaticPaths, GetStaticProps } from 'next';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import Script from 'next/script';
+import { ParsedUrlQuery } from 'querystring';
+import { HTMLAttributes } from 'react';
+import { useIntl } from 'react-intl';
+import ButtonLink from '../../components/atoms/buttons/button-link';
+import Link from '../../components/atoms/links/link';
+import Spinner from '../../components/atoms/loaders/spinner';
+import ResponsiveImage from '../../components/molecules/images/responsive-image';
+import Sharing from '../../components/organisms/widgets/sharing';
+import { getLayout } from '../../components/templates/layout/layout';
 import PageLayout, {
   type PageLayoutProps,
-} from '@components/templates/page/page-layout';
+} from '../../components/templates/page/page-layout';
 import {
   getAllArticlesSlugs,
   getArticleBySlug,
-} from '@services/graphql/articles';
-import { getAllComments } from '@services/graphql/comments';
-import styles from '@styles/pages/article.module.scss';
+} from '../../services/graphql/articles';
+import { getAllComments } from '../../services/graphql/comments';
+import styles from '../../styles/pages/article.module.scss';
 import {
   type Article,
   type NextPageWithLayout,
   type SingleComment,
-} from '@ts/types/app';
-import { loadTranslation, type Messages } from '@utils/helpers/i18n';
+} from '../../types/app';
+import { loadTranslation, type Messages } from '../../utils/helpers/i18n';
 import {
   getBlogSchema,
   getSchemaJson,
   getSinglePageSchema,
   getWebPageSchema,
-} from '@utils/helpers/schema-org';
-import useArticle from '@utils/hooks/use-article';
-import useBreadcrumb from '@utils/hooks/use-breadcrumb';
-import useComments from '@utils/hooks/use-comments';
-import usePrism, { type OptionalPrismPlugin } from '@utils/hooks/use-prism';
-import useReadingTime from '@utils/hooks/use-reading-time';
-import useSettings from '@utils/hooks/use-settings';
-import { GetStaticPaths, GetStaticProps } from 'next';
-import Head from 'next/head';
-import { useRouter } from 'next/router';
-import Script from 'next/script';
-import { ParsedUrlQuery } from 'querystring';
-import { HTMLAttributes } from 'react';
-import { useIntl } from 'react-intl';
+} from '../../utils/helpers/schema-org';
+import useArticle from '../../utils/hooks/use-article';
+import useBreadcrumb from '../../utils/hooks/use-breadcrumb';
+import useComments from '../../utils/hooks/use-comments';
+import usePrism, {
+  type OptionalPrismPlugin,
+} from '../../utils/hooks/use-prism';
+import useReadingTime from '../../utils/hooks/use-reading-time';
+import useSettings from '../../utils/hooks/use-settings';
 
 type ArticlePageProps = {
   comments: SingleComment[];